.sti-panel {
  color: #c2d8f2;
  &_header {}
}
@alertRed: #ff4683;
@deepRed: rgb(239, 0, 79);
@deepBlue: #5e9bff;
@blue: #33abff;
@lightBlue: #33d1ff;
@azure: #29eafd;
.grid_padding {
  padding:0;
}
.boder-debugger {
  border: 1px solid red;
}
.sti-panel {
  color: #c2d8f2;
  pointer-events: auto;
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto;
  padding: 15px 0 0 0;
  box-sizing: border-box;
  &_inner {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: relative;
  }
  .sti-panel_header_hide{
    border-bottom: none!important;
    height:20px;
  }
  .sti-panel_header_show{
      position:relative;
      font-size:16px;
      height: 25px;
      line-height: 25px;
      .sti-panel_header_title{
        content: "";
        height:25px;
        position:absolute;
        left: 11px;
        top:0;
        background: transparent;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        // background-size: 15px 15px;
        // background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
        background: linear-gradient(to bottom, @lightBlue 50%, @blue 50%) no-repeat;
        text-align: left;
        color: #000e20;
        padding: 0 5px;
      }
      .sti-panel_header_title::before {
        content: '';
        width: 10px;
        height: 24px;
        border: 1px solid red;
        position: absolute;
        top: 0px;
        left: -11px;
        background: linear-gradient(to left, #cf0524 50%, #e70527 50%) no-repeat;
      }
  }
  &_body {
    box-sizing: border-box;
    height: calc( ~'100% - 25px' );
    width: 100%;
    text-align: center;
    // background: linear-gradient(to left, #0a1c2c 25%, #145f7e 50% #0a1c2c 75% #104a63 100%) no-repeat;
    background: url('../../assets/panel_body_bg.svg') no-repeat;
    background-size: 100% 100%;
  }
  &_body .el-table{
    background: none !important;
  }
}
.panel_bg(@u){
  background: url(@u) no-repeat center;
  background-size: 99.9% 99.9%;
  z-index: -1;
}

